<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<link rel="stylesheet" href="${path}/resources/css/style/preview.css">
<style>
  .title-tr,
  .title-td{
    text-align: center;
  }
  .preview .treeTable tbody tr td{
    padding: 5px 1px !important;
  }
  .c-center{
    text-align: center;
  }
  .title-td-w{
    background: white;
  }
</style>
</head>

<body class="login-body">
<div id="section" class="login_section preview_section">
  <div class="content1000 preview" v-cloak>
<%--    <p class="head-btn">
      <el-button type="warning" @click="printCV">打印简历</el-button>
    </p>--%>
    <p class="blod-title">重庆市铁路（集团）有限公司校园招聘个人简历</p>
    <table class="treeTable inputform">
      <tr>
        <td class="title-td" style="width: 14.5%;">姓名</td>
        <td class="c-center" style="width: 13.5%;">{{ baseInfo.name }}</td>
        <td class="title-td" style="width: 13.5%;">身份证号</td>
        <td class="c-center" style="width: 13.5%;">{{ baseInfo.cardno }}</td>
        <td class="title-td" style="width: 14.5%;">性别</td>
        <td class="c-center" style="width: 13.5%;">{{ baseInfo.sexStr }}</td>
        <td rowspan="5" style="width: 16%;">
          <img name="head" width="160" height="193" :src="imgUrl">
        </td>
      </tr>
      <tr>
        <td class="title-td">年龄</td>
        <td class="c-center">{{ baseInfo.age }}</td>
        <td class="title-td">籍贯</td>
        <td class="c-center">{{ baseInfo.jg }}</td>
        <td class="title-td">民族</td>
        <td class="c-center">{{ baseInfo.mzStr }}</td>
      </tr>
      <tr>
        <td class="title-td">政治面貌</td>
        <td class="c-center">{{ baseInfo.zzmmStr }}</td>
        <td class="title-td">入党时间</td>
        <td class="c-center">{{ baseInfo.joinTime }}</td>
        <td class="title-td">身高/体重</td>
        <td class="c-center">{{ baseInfo.heightStr }}</td>
      </tr>
      <tr>
        <td class="title-td">联系电话</td>
        <td class="c-center">{{ baseInfo.tel }}</td>
        <td class="title-td">QQ</td>
        <td class="c-center">{{ baseInfo.qq }}</td>
        <td class="title-td">电子邮箱</td>
        <td class="c-center">{{ baseInfo.email }}</td>
      </tr>
      <tr>
        <td class="title-td">外语水平</td>
        <td class="c-center">{{ baseInfo.englishLevel }}</td>
        <td class="title-td">成绩平均分</td>
        <td class="c-center">{{ baseInfo.gradeAverage }}</td>
        <td class="title-td">绩点</td>
        <td class="c-center">{{ baseInfo.point }}</td>
      </tr>
      <tr>
        <td class="title-td">家庭住址</td>
        <td colspan="3">{{ baseInfo.nowaddress }}</td>
        <td class="title-td">特长爱好</td>
        <td colspan="2">{{ baseInfo.hobby }}</td>
      </tr>
    </table>

    <!-- 教育经历 -->
    <table class="treeTable inputform">
      <tbody>
      <tr class="title-tr">
        <td style="width: 14.5%;" :rowspan="educationInfo.length + 1">全日制教育经历</td>
        <td style="width: 20.5%;">时间</td>
        <td style="width: 45%;">毕业院校/专业</td>
        <td style="width: 20%;">学历/学位</td>
      </tr>

      <tr v-for="(item, idx) in educationInfo" :key="idx">
        <td class="c-center">{{ item.timeStr }}</td>
        <td>{{ item.schoolname }}/{{ item.majorname}}</td>
        <td>{{ item.educationname}}/{{ item.degreename}}</td>
      </tr>
      </tbody>
    </table>

    <!-- 大学期间所获奖项 -->
    <table class="treeTable inputform">
      <tbody>
      <tr class="no-border-top" style="height: 80px;">
        <td style="width: 14.5%;" class="title-td">大学期间所获奖项</td>
        <td style="width: 85.5%;">{{ awardsInfoStr }}</td>
      </tr>
      </tbody>
    </table>

    <!-- 大学期间社会实践经历 -->
    <table class="treeTable inputform">
      <tbody>
      <tr class="no-border-top" style="height: 80px;">
        <td style="width: 14.5%;" class="title-td">大学期间社会实践经历</td>
        <td style="width: 85.5%;">{{ trainningInfoStr }}</td>
      </tr>
      </tbody>
    </table>

    <!-- 公开发表论文情况 -->
    <table class="treeTable inputform">
      <tbody>
      <tr class="no-border-top" style="height: 80px;">
        <td style="width: 14.5%;" class="title-td">公开发表论文情况</td>
        <td style="width: 85.5%;">{{ paperInfoStr }}</td>
      </tr>
      </tbody>
    </table>

    <!-- 主要家庭成员及社会关系 -->
    <table class="treeTable inputform">
      <tbody>
      <tr class="title-tr">
        <td style="width: 14.5%;" :rowspan="familyInfo.length + 1">主要家庭成员及社会关系</td>
        <td style="width: 12.5%;">称谓</td>
        <td style="width: 15%;">姓名</td>
        <td style="width: 10.5%;">年龄</td>
        <td style="width: 15%;">政治面貌</td>
        <td style="width: 32.5%;">工作单位及职务</td>
      </tr>

      <tr v-for="(item, idx) in familyInfo" :key="idx">
        <td class="c-center">{{ item.relationship }}</td>
        <td class="c-center">{{ item.name }}</td>
        <td class="c-center">{{ item.age }}</td>
        <td class="c-center">{{ item.zzmmname }}</td>
        <td>{{ item.workunit }}</td>
      </tr>
      </tbody>
    </table>

    <!-- 简要评价自身 -->
    <table class="treeTable inputform">
      <tbody>
      <tr class="no-border-top" style="height: 80px;">
        <td style="width: 14.5%;" class="title-td">简要评价自身</td>
        <td style="width: 85.5%;">{{ baseInfo.introduction }}</td>
      </tr>
      </tbody>
    </table>
  </div>
</div>
<script src='${path}/resources/js/lib/jquery-3.2.1.min.js'></script>
<script src='${path}/resources/js/lib/vue-2.5.2.min.js'></script>
<script src='${path}/resources/js/lib/element-ui-2.8.2/index.js'></script>
<script src='${path}/resources/js/preview.js'></script>
<!-- <script src='${path}/resources/js/editJs/preview.js'></script> -->
</body>

</html>